<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.button {
				background-color: deepskyblue;
				text-align: center;
				color: white;
				font-size: 16px;
				padding: 10px 105px;
				margin-left: 10px;
				text-decoration: none;
				display: inline-block;
				border-radius: 5px;

			}

			.lft {
				margin-left: 10px;
			}
		</style>
	</head>
	<body>
		<div style="border: red 2px solid; margin-left: 41%;margin-top: 10%; width: 18%">
			<div class="lft">
				<p><img src="百度图标.png"  width="80px" align="left">
						
						<b style="font-size: 20px; text-align: center;">.用户名登录密码</b>
			</div>
			<div style="clear: both;"></div>
			<p class="lft"><input style="padding: 5px; width: 230px;" type="text" placeholder="用户名"></p>
			<p class="lft"><input style="padding: 5px;width: 230px;" type="text" placeholder="密码"></p>
			<input class="lft" type="checkbox" value="dance" name="bobby1">记住密码
			<p>
				<input type="button" class="button" value="登录">
			</p>
			<b style="text-align:  left ;color: blue; margin-left: 10px;">忘记密码？</b>
			<b style="text-align:  right ; color: blue;margin-left: 70px;">短信快捷登录</b>
			<!-- <div>
				<div style="width: 50%; height:50px;  float:left;" ><p>忘记密码？</p></div>
				<div style="width: 50%; height:50px; float:right;">短信快捷登录</div>
			</div> -->
			
			<div style="background-color: gainsboro; padding: 15px;">
				<b style="color: blue;margin-right: 5px; ">扫码登录</b>
				<b style="color: blue;">|<img src="微信logo.png" width="18px" style="color: deepskyblue;" ><img src="微信logo.png" width="18px" style="color: deepskyblue;" ></b>
				<b style="color: blue;margin-left: 5px; text-align: right;margin-left: 50px;">立即注册</b>
			</div>
		</div>
	</body>
</html>
